<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>pdfStream</title>
  </head>
  <body>
    <h1>PDF</h1>
    <button id="loadPdf">load pdf</button>
    <button id="pre">pre page</button>
    <button id="next">next page</button>
    <button id="print">print page</button>
    <p><span id="page_num">1</span> page of <span id="total"></span></p>

    <input
      style="width: 60%"
      type="text"
      value="http://qiniu.nxycdl.com/nxsiwk/%E9%9B%86%E9%87%87%E9%9D%9E%E4%B8%AD%E9%80%89%E6%94%AF%E4%BB%98%E6%A0%87%E5%87%86196%E5%8F%B7%281%29.pdf"
    />
    <canvas
      id="the-canvas"
      style="border: 1px solid black; direction: ltr"
    ></canvas>
  </body>

  <!-- <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script> -->
  <script>
    require("./pdfStream.js");
  </script>
</html>
